<?php include THEMES_PATH.'public/before_body2.phtml'; ?>
<link href="<?php echo TPL_PATH;?>special/fifty-percent-off/css/style.css" rel="stylesheet">
</head>
<body>
<?php include THEMES_PATH.'public/header2.phtml'; ?>
<div class="banner"><img src="<?php echo TPL_PATH; ?>special/fifty-percent-off/images/banner.jpg" alt="横幅"></div>
<div class="row main-width">
  <p class="special-title"> <strong><?php echo L('special_1');?></strong> <span><?php echo L('special_2'); ?></span> </p>
</div>
<div class="row main-width" style="margin-bottom:100px;">
  <ul class="tabs js-tabs">
    <li class="active"><?php echo L('special_3');?></li>
    <li class="align-left"><?php echo L('special_4');?></li>
  </ul>
  <div class="tab-cnt js-tab-cnt">
    <div class="pannel">
      <div class="pull-left map-box js-map-box">
        <img src="<?php echo TPL_PATH; ?>special/fifty-percent-off/images/suit.jpg" alt="suit">
        <span></span>
        <span class="pos1"></span>
        <span class="pos2"></span>
        <span class="pos3"></span>
        <span class="pos4"></span>
        <span class="pos5"></span>
        <span class="pos6"></span>
        <span class="pos7"></span>
        <span class="pos8"></span>
        <span class="pos9"></span>
        <span class="pos10"></span>
      </div>
      <div class="pull-right">
        <div class="inner-pannel">
          <strong class="title"><?php echo L('special_5');?></strong>
          <img src="<?php echo TPL_PATH; ?>special/fifty-percent-off/images/suit00.jpg" alt="suit00">
          <p><?php echo L('special_6');?></p>
        </div>
        <div class="inner-pannel hide">
          <strong class="title"><?php echo L('special_7');?></strong>
          <img src="<?php echo TPL_PATH; ?>special/fifty-percent-off/images/suit01.jpg" alt="suit01">
          <p><?php echo L('special_8');?></p>
        </div>
        <div class="inner-pannel hide">
          <strong class="title"><?php echo L('special_9');?></strong>
          <img src="<?php echo TPL_PATH; ?>special/fifty-percent-off/images/suit02.jpg" alt="suit02">
          <p><?php echo L('special_10');?></p>
        </div>
        <div class="inner-pannel hide">
          <strong class="title"><?php echo L('special_11');?></strong>
          <img src="<?php echo TPL_PATH; ?>special/fifty-percent-off/images/suit03.jpg" alt="suit03">
          <p><?php echo L('special_12');?></p>
        </div>
        <div class="inner-pannel hide">
          <strong class="title"><?php echo L('special_13');?></strong>
          <img src="<?php echo TPL_PATH; ?>special/fifty-percent-off/images/suit04.jpg" alt="suit04">
          <p><?php echo L('special_14');?></p>
        </div>
        <div class="inner-pannel hide">
          <strong class="title"><?php echo L('special_15');?></strong>
          <img src="<?php echo TPL_PATH; ?>special/fifty-percent-off/images/suit05.jpg" alt="suit05">
          <p><?php echo L('special_16');?></p>
        </div>
        <div class="inner-pannel hide">
          <strong class="title"><?php echo L('special_17');?></strong>
          <img src="<?php echo TPL_PATH; ?>special/fifty-percent-off/images/suit06.jpg" alt="suit06">
          <p><?php echo L('special_18');?></p>
        </div>
        <div class="inner-pannel hide">
          <strong class="title"><?php echo L('special_19');?></strong>
          <img src="<?php echo TPL_PATH; ?>special/fifty-percent-off/images/suit07.jpg" alt="suit07">
          <p><?php echo L('special_20');?></p>
        </div>
        <div class="inner-pannel hide">
          <strong class="title"><?php echo L('special_21');?></strong>
          <img src="<?php echo TPL_PATH; ?>special/fifty-percent-off/images/suit08.jpg" alt="suit08">
          <p><?php echo L('special_22');?></p>
        </div>
        <div class="inner-pannel hide">
          <strong class="title"><?php echo L('special_23');?></strong>
          <img src="<?php echo TPL_PATH; ?>special/fifty-percent-off/images/suit09.jpg" alt="suit09">
          <p><?php echo L('special_24');?></p>
        </div>
        <div class="inner-pannel hide">
          <strong class="title"><?php echo L('special_25');?></strong>
          <img src="<?php echo TPL_PATH; ?>special/fifty-percent-off/images/suit10.jpg" alt="suit10">
          <p><?php echo L('special_26');?></p>
        </div>
      </div>
    </div>
    <div class="pannel hide">
      <div class="pull-left shirt-left">
        <div class="inner-pannel">
          <strong class="title"><?php echo L('special_27');?></strong>
          <img src="<?php echo TPL_PATH; ?>special/fifty-percent-off/images/shirt00.jpg" alt="fabric">
          <p><?php echo L('special_28');?></p>
        </div>
        <div class="inner-pannel hide">
          <strong class="title"><?php echo L('special_29');?></strong>
          <img src="<?php echo TPL_PATH; ?>special/fifty-percent-off/images/shirt01.jpg" alt="fabric">
          <p><?php echo L('special_30');?></p>
        </div>
        <div class="inner-pannel hide">
          <strong class="title"><?php echo L('special_31');?></strong>
          <img src="<?php echo TPL_PATH; ?>special/fifty-percent-off/images/shirt02.jpg" alt="fabric">
          <p><?php echo L('special_32');?></p>
        </div>
        <div class="inner-pannel hide">
          <strong class="title"><?php echo L('special_33');?></strong>
          <img src="<?php echo TPL_PATH; ?>special/fifty-percent-off/images/shirt03.jpg" alt="fabric">
          <p><?php echo L('special_34');?></p>
        </div>
        <div class="inner-pannel hide">
          <strong class="title"><?php echo L('special_35');?></strong>
          <img src="<?php echo TPL_PATH; ?>special/fifty-percent-off/images/shirt04.jpg" alt="fabric">
          <p><?php echo L('special_36');?></p>
        </div>
      </div>
      <div class="pull-right shirt-right map-box js-map-box">
        <img src="<?php echo TPL_PATH; ?>special/fifty-percent-off/images/shirt.jpg" alt="shirt">
        <span></span>
        <span class="pos1"></span>
        <span class="pos2"></span>
        <span class="pos3"></span>
        <span class="pos4"></span>
      </div>
    </div>
  </div>
</div>
<p class="main-width feedback-title"><?php echo L('special_37');?></p>
<div class="feedback">
  <div class="main-width">
    <ul>
      <li>
        <strong><?php echo L('special_38');?></strong>
        <p><?php echo L('special_39');?></p>
      </li>
      <li>
        <strong><?php echo L('special_40');?></strong>
        <p><?php echo L('special_41');?></p>
      </li>
      <li>
        <strong><?php echo L('special_42');?></strong>
        <p><?php echo L('special_43');?></p>
      </li>
    </ul>
  </div>
</div>
<p class="link"><a href="<?php echo url('category/2061-SUITS');?>"><?php echo L('special_44');?></a></p>
<?php include THEMES_PATH.'public/footer2.phtml'; ?>
<script>
$(function() {
	var mouseoverEvent = unifyMobileDesktop.compatibleEvent({
		mobile: 'touchend',
		desktop: 'mouseover'
	});
	$('.js-tabs').find('li').on(mouseoverEvent, function() {
		$(this).addClass('active').siblings().removeClass('active');
		$('div.js-tab-cnt').find('> div').eq($(this).index()).removeClass('hide').siblings().addClass('hide');
	});
	$('.js-map-box').find('> span').on(mouseoverEvent, function() {
		$(this).parent().siblings().find('> div').eq($(this).index() - 1).removeClass('hide').siblings().addClass('hide');
	});
});
</script>
<?php include THEMES_PATH.'public/after_body.phtml'; ?>